<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="./css/myreset.min.css"/>
    <link rel="stylesheet" href="./css/swiper.3.1.2.min.css"/>
    <link rel="stylesheet" href="./css/animate.min.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
    <title>必胜客榴莲多多披萨</title>
</head>
<body>
<div class="swiper-container" id="main-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper-no-swiping" id="loading">
            <div class="icon">
                <img src="./images/loading/icon.png" alt=""/>

                <div class="percent-area"><span id="percent">0</span>&nbsp;
                    <span>%</span></div>
                <div class="load-word">正在加载...</div>
            </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="page-1">
            <div class="logo">
                <img data-src="./images/p-1/logo.png" alt=""/>
            </div>
            <div class="title">
                <img data-src="./images/p-1/title.png" alt=""/>
            </div>
            <div class="desc">
                <img data-src="./images/p-1/desc.png" alt=""/>
            </div>
            <div class="btn">
                <img id="begin-game" data-src="./images/p-1/btn.png" alt=""/>
            </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="page-2">
            <div class="loudou">
                <img class="loudou-image" data-src="./images/p-2/loudou.png"
                     alt=""/>

            </div>

            <div class="ll ll-1 lli-1">
                <img src="./images/p-2/r-1.png" alt=""/>
            </div>
            <div class="ll ll-2 lli-2">
                <img src="./images/p-2/r-2.png" alt=""/>
            </div>
            <div class="ll ll-3 lli-3">
                <img src="./images/p-2/r-3.png" alt=""/>
            </div>
            <div class="ll ll-4 lli-4">
                <img src="./images/p-2/r-4.png" alt=""/>
            </div>
            <div class="ll ll-5 lli-5">
                <img src="./images/p-2/r-5.png" alt=""/>
            </div>
            <div class="ll ll-1 lli-6">
                <img src="./images/p-2/r-1.png" alt=""/>
            </div>
            <div class="ll ll-2 lli-7">
                <img src="./images/p-2/r-2.png" alt=""/>
            </div>
            <div class="ll ll-3 lli-8">
                <img src="./images/p-2/r-3.png" alt=""/>
            </div>
            <div class="ll ll-4 lli-9">
                <img src="./images/p-2/r-4.png" alt=""/>
            </div>
            <div class="ll ll-5 lli-10">
                <img src="./images/p-2/r-5.png" alt=""/>
            </div>


            <div class="float-time">
                <div class="num">3</div>
                <div class="yao">
                    <img data-src="./images/p-2/yao.png" alt=""/>
                </div>
            </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="page-3">
            <div class="desc">
                <img data-src="./images/p-3/desc.png" alt=""/>
            </div>

            <div class="code">
                <img data-src="./images/p-3/code10.png" alt=""/>
            </div>

            <div class="btn">
                <div class="again">
                    <img data-src="./images/p-3/again.png" alt=""/>
                </div>
                <div class="invite">
                    <img data-src="./images/p-3/invite.png" alt=""/>
                </div>
            </div>

            <div class="rule">
                <img data-src="./images/p-3/rule.png" alt=""/>
            </div>

            <div class="share">
                <img data-src="./images/p-3/share.png" alt=""/>
            </div>
        </div>

        <div class="swiper-slide swiper-no-swiping" id="page-4">
            <div class="desc">
                <img data-src="./images/p-4/desc.png" alt=""/>
            </div>

            <div class="code">
                <img data-src="./images/p-4/code.png" alt=""/>

                <div class="code-id"></div>
            </div>

            <div class="btn">
                <div class="again">
                    <img data-src="./images/p-4/again.png" alt=""/>
                </div>
                <div class="invite">
                    <img data-src="./images/p-4/invite.png" alt=""/>
                </div>
            </div>

            <div class="rule">
                <img data-src="./images/p-4/rule.png" alt=""/>
            </div>

            <div class="share">
                <img data-src="./images/p-3/share.png" alt=""/>
            </div>
        </div>
    </div>
</div>
<script>
var hascode = '<?php echo $row['id'];?>';
var code = "<?php echo $row['code'];?>";
var openid = "<?php echo $openid;?>";
</script>
<script src="js/zepto.min.js"></script>
<script src="js/base.js"></script>
<script src="js/jweixin-1.0.0.js"></script>
<script src="js/swiper.3.1.2.min.js"></script>
<script src="js/swiper.animate1.0.2.min.js"></script>
<script src="jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://static.veryweibo.com/js/weixin/jsticketapi-1.1.min.js"></script>
<script src="js/index.js"></script>
<script>
var app_id = '<?php echo $appid?>';
var request_url = '<?php echo $self_url?>';
$(function () {
	jsApiList = ['onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'];
	share_timeline_data = {
		'title': '榴”住果肉，大块朵颐 | 必胜客邀您免费品尝全新“榴莲多多”比萨',
		'link': request_url,
		//'img_url': request_url,
		'callbackfunc': function(){
			
		}
	};

	share_app_data = {
		'title': '榴”住果肉，大块朵颐',
		'desc': '必胜客邀您免费品尝全新“榴莲多多”比萨',
		'link': request_url,
		//'img_url': '',
		'callbackfunc': function(){
			
		}
	};
	hide_menu_list = [];
	construct(app_id, request_url, jsApiList, share_timeline_data, share_app_data, hide_menu_list);
});
</script>
</body>
</html>